/* pages/debtorBaseInfo/odi/odi.wxss */
.changerecord-info {

	.scrollarea {
		width: 100%;
		background-color: #f6f6f6;

		.container {
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			padding-bottom: 40rpx;
			margin-top: 0rpx;

			.header {
				margin-left: 30rpx;
				height: 40rpx;
				color: #333;
				font-family: "PingFang SC";
				font-size: 24rpx;
				font-style: normal;
				font-weight: 400;
				line-height: 40rpx;

				.total {
					color: #F04040;
					font-family: "PingFang SC";
					font-size: 24rpx;
					font-style: normal;
					font-weight: 400;
					line-height: normal;
				}
			}

			.item {
				// width: 100%;
				padding: 30rpx 30rpx 0rpx 30rpx;
				border-bottom: 10rpx solid #f6f6f6;
				background-color: #fff;

				.top-contrainer {
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					align-items: center;

					// margin-bottom: 20rpx;
					.top-prefix {
						display: flex;
						flex-direction: row;

						.index {
							display: flex;
							min-width: 44rpx;
							width: 44rpx;
							height: 44rpx;
							// padding: 0 10rpx;
							justify-content: center;
							align-items: center;
							gap: 8rpx;
							border-radius: 6rpx;
							background: #F2F3F5;
							color: #86909C;
							text-align: center;
							font-family: "PingFang SC";
							font-size: 28rpx;
							font-style: normal;
							font-weight: 400;
							line-height: 36rpx;
							/* 128.571% */
						}

						.title {
							margin-left: 6rpx;
							margin-right: 4rpx;
							color: #1D2129;
							font-family: "PingFang SC";
							font-size: 30rpx;
							font-style: normal;
							font-weight: 500;
							line-height: 44rpx;
							/* 146.667% */
							text-transform: uppercase;
						}

					}

					.time {
						min-width: 150rpx;
						text-align: right;
						color: #86909C;
						font-family: "PingFang SC";
						font-size: 24rpx;
						font-style: normal;
						font-weight: 300;
						line-height: 30rpx;
						/* 183.333% */
						text-transform: uppercase;
					}

				}

			}
		}
	}


}